<template>
  <van-config-provider :theme-vars="themeVars">
    <router-view />
  </van-config-provider>
</template>
<script lang="ts" setup>
import * as Vue from 'vue'

const color = '#d11f09'
const themeVars = Vue.reactive({
  // botton 相关颜色
  buttonPrimaryBackground: color,
  buttonPrimaryBorderColor: color,

  // slider 相关颜色
  sliderActiveBackground: color,

  // Tabbar 相关颜色
  tabbarItemActiveColor: color,

  // Switch 相关颜色
  switchOnBackground: color,
  switchOnBackgroundColor: color,
  switchOffBackgroundColor: '#cccccc',

  // Radio 相关颜色
  radioCheckedIconColor: color,

  // Checkbox 相关颜色
  checkboxCheckedIconColor: color,
})
</script>
